<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../css/mview.css?v=20230607111">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/c/font_2744790_fstg9pbloq.css">
</head>

<body>
    <div class="mview-card-content">
        <div class="mview-card-item">
            <div class="mview-header">
                <div class="left">
                    <h5>北京摩尔企服科技有限公司</h5>
                    <h3>微分组人工客服</h3>
                </div>
                <div class="mview-btn">未使用</div>
            </div>
            <ul>
                <li>
                    <p>活码分类</p><span>普通活码</span>
                </li>
                <li>
                    <p>切换方式</p><span>顺序切换</span>
                </li>
                <li>
                    <p>设备绑定</p><span>未开启</span>
                </li>
            </ul>
            <div class="mview-footer">
                <p>到期时间:2023-06-01 12:00:00</p>
                <div class="mview-btn-group">
                    <div class="mview-btn">卡片详情</div>
                </div>
            </div>
        </div>
        <div class="mview-card-item">
            <div class="mview-header">
                <div class="left">
                    <h5>北京摩尔企服科技有限公司</h5>
                    <h3>微分组人工客服</h3>
                </div>
                <div class="btn success">使用中</div>
            </div>
            <ul>
                <li>
                    <p>活码分类</p><span>普通活码</span>
                </li>
                <li>
                    <p>切换方式</p><span>顺序切换</span>
                </li>
                <li>
                    <p>设备绑定</p><span>未开启</span>
                </li>
            </ul>
            <div class="mview-card-handel">
                <a href="javascript:;" class="link mtext-primary">
                    <i class="iconfont icon-shezhi"></i>修改配置
                </a>
                <p class="link">下载二维码</p>
            </div>        </div>
        <div class="mview-card-item">
            <div class="mview-header">
                <div class="left">
                    <h5>北京摩尔企服科技有限公司</h5>
                    <h3>微分组人工客服</h3>
                </div>
                <div class="btn danger">已过期</div>
            </div>
            <ul>
                <li>
                    <p>活码分类</p><span>普通活码</span>
                </li>
                <li>
                    <p>切换方式</p><span>顺序切换</span>
                </li>
                <li>
                    <p>设备绑定</p><span>未开启</span>
                </li>
            </ul>
            <div class="mview-footer">
                <p>到期时间:2023-06-01 12:00:00</p>
                <div class="mview-btn-group">
                    <div class="mview-btn">卡片详情</div>
                </div>
            </div>
        </div>
        <div class="mview-card-item">
            <div class="mview-header">
                <div class="left">
                    <h5>北京摩尔企服科技有限公司</h5>
                    <h3>微分组人工客服</h3>
                </div>
                <div class="btn info">待配置</div>
            </div>
            <ul>
                <li>
                    <p>活码分类</p><span>普通活码</span>
                </li>
                <li>
                    <p>切换方式</p><span>顺序切换</span>
                </li>
                <li>
                    <p>设备绑定</p><span>未开启</span>
                </li>
            </ul>
            <div class="mview-footer">
                <p>到期时间:2023-06-01 12:00:00</p>
                <div class="mview-btn-group">
                    <div class="mview-btn">卡片详情</div>
                </div>
            </div>
        </div>
        <div class="mview-image-card-item">
            <div class="mview-header">
                <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132">
                <div class="left">
                    <h3>北京玉林串串香</h3>
                    <h5>北京市海淀区中关村1号</h5>
                </div>
                <div class="right">
                    <p class="mtext-primary"><i class="iconfont icon-yuandianzhong"></i>营业中</p>
                    <p>12km</p>
                </div>
            </div>
            <div class="label-lists">
                <div class="label-item defult">人气餐厅</div>
                <div class="mbtn-success label-item">人均88</div>
                <div class="label-item mbtn-danger">1000+消费</div>
            </div>
            <ul>
                <li>
                    <p>活码分类</p><span>普通活码</span>
                </li>
                <li>
                    <p>切换方式</p><span>顺序切换</span>
                </li>
                <li>
                    <p>设备绑定</p><span>未开启</span>
                </li>
            </ul>
            <div class="mview-footer">
                <p>到期时间:2023-06-01 12:00:00</p>
            </div>
            <div class="mview-card-handel">
                <a href="javascript:;" class="link mtext-primary">
                    <i class="iconfont icon-shezhi"></i>修改配置
                </a>
                <p class="link">下载二维码</p>
            </div>
        </div>
        <div class="mview-image-card-item">
            <div class="mview-header">
                <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM6gVRkCqQSFGdybRgKwicAc7e2NIv7zh8VEoFicuUgv5cu3EjRWgRhurqHjbNcWZ3kqH23NwQCqibcjw/132">
                <div class="left">
                    <h3>北京玉林串串香</h3>
                    <h5 class="mtext-primary">北京市海淀区中关村1号</h5>
                </div>
                <div class="right">
                    <p class="mtext-warning">未开业</p>
                    <p>12km</p>
                </div>
            </div>
            <ul>
                <li>
                    <p>活码分类</p><span>普通活码</span>
                </li>
                <li>
                    <p>切换方式</p><span class="mtext-danger">顺序切换</span>
                </li>
                <li>
                    <p>设备绑定</p><span>未开启</span>
                </li>
            </ul>
            <div class="mview-footer">
                <p>到期时间:2023-06-01 12:00:00</p>
                <div class="mview-btn-group">
                    <div class="mview-btn">卡片详情</div>
                </div>
            </div>
        </div>
    </div>
    <div class="m-btn-bottom m-bg-primary">添加新的企业信息模版</div>
</body>

</html>